<html>
  <head>
    <title></title>
    <style>
    
      rolodex {
        prototype: Rolodex url(rolodex.tis);
        display:block;
        flow:stack;
        size:max-content;
        overflow:hidden;
      }

      rolodex > * { 
        display:block;
        visibility:hidden;
      }

      rolodex {
        border: 1px solid;
      }
      
      img { size: 200dip; }
    
    </style>
    <script type="text/tiscript"></script>
  </head>
<body>

  <h2>Rolodex demo</h2>

  <rolodex>
    <img src="../carousel/images/199480111_87d4cb3e38_s.jpg">
    <img src="../carousel/images/199481072_b4a0d09597_s.jpg">
    <img src="../carousel/images/199481087_33ae73a8de_s.jpg">
    <img src="../carousel/images/199481108_4359e6b971_s.jpg">
    <img src="../carousel/images/199481143_3c148d9dd3_s.jpg">
    <img src="../carousel/images/199481203_ad4cdcf109_s.jpg">
    <img src="../carousel/images/199481218_264ce20da0_s.jpg">
    <img src="../carousel/images/199481236_dc98b5abb3_s.jpg">
    <img src="../carousel/images/199481255_fdfe885f87_s.jpg">
    <img src="../carousel/images/229228324_08223b70fa_s.jpg">
  </rolodex>

</body>
</html>
